    <section id="service" class="section-padding bg-gray">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 text-center">
                    <div class="section-title">
                        <h3>佰思诺<span>的服务</span></h3>
                        <span class="line"></span>
                        <p>公司本着“用户至上，精益求精”的宗旨，为了能更好地每一位客户，保证每一位客户能更快、更好的享有公司售前、售后，佰思诺制冷设备有限公司在售后上建立了健全的体制，设立售后专线，24小时内到户，让顾客免除了后顾之忧</p>
                    </div>
				</div>
				<!-- end section title -->
                <div class="service-tab">
                    <ul id="tabsJustified" class="nav nav-tabs justify-content-center">
                        <li class="nav-item">
                            <a href="#" data-target="#one" data-toggle="tab" class="nav-link ">
                                <i class="icofont icofont-energy-solar"></i> 家用中央空调
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#" data-target="#two" data-toggle="tab" class="nav-link">
                                <i class="icofont icofont-fire-extinguisher-alt"></i> 商用中央空调
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#" data-target="#three" data-toggle="tab" class="nav-link active">
                                <i class="icofont icofont-energy-water"></i> 家用中央热水工程
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#" data-target="#four" data-toggle="tab" class="nav-link">
                                <i class="icofont icofont-recycle-alt"></i> 冷冻冷藏库工程
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#" data-target="#five" data-toggle="tab" class="nav-link">
                                <i class="icofont icofont-under-construction-alt"></i> 大型排风系统
                            </a>
                        </li>
                    </ul>
                    <div id="tabsJustifiedContent" class="tab-content">
                        <div id="one" class="tab-pane animated fadeInRight  show">
							<div class="row">
								<div class="col-lg-4 col-md-4 col-sm-12 col-12 text-center">
									<div class="single-service">
										<div class="single-service-img">
											<img class="img-fluid" src="<?php echo get_template_directory_uri()?>/assets/images/p_7.png" alt="" />
										</div>
										<div class="single-service-info">
											<h6>美的直流变频中央空调主机</h6>

										</div>
									</div>
								</div>
								<div class="col-lg-4 col-md-4 col-sm-12 col-12 text-center">
									<div class="single-service">
										<div class="single-service-img">
											<img class="img-fluid" src="<?php echo get_template_directory_uri()?>/assets/images/p_8.png" alt="" />
										</div>
										<div class="single-service-info">
											<h6>美的家用中央空调室内机</h6>
									
										</div>
									</div>
								</div>
								<!-- end single service -->
								<div class="col-lg-4 col-md-4 col-sm-12 col-12 text-center">
									<div class="single-service">
										<div class="single-service-img">
											<img class="img-fluid" src="<?php echo get_template_directory_uri()?>/assets/images/p_9.png" alt="" />
										</div>
										<div class="single-service-info">
											<h6>日立家用中央空调室外机</h6>
					
										</div>
									</div>
								</div>
								<!-- end single service -->
								
								<!-- end single service -->
							</div>
                        </div>
                        <div id="two" class="tab-pane animated fadeInRight">
							<div class="row">
								<div class="col-lg-4 col-md-4 col-sm-12 col-12 text-center">
									<div class="single-service">
										<div class="single-service-img">
											<img class="img-fluid" src="<?php echo get_template_directory_uri()?>/assets/images/kxd.png" alt="" />
										</div>
										<div class="single-service-info">
											<h6>三菱重工KXD系列</h6>
								
										</div>
									</div>
								</div>
								<!-- end single service -->
								<div class="col-lg-4 col-md-4 col-sm-12 col-12 text-center">
									<div class="single-service">
										<div class="single-service-img">
											<img class="img-fluid" src="<?php echo get_template_directory_uri()?>/assets/images/vrv.png" alt="" />
										</div>
										<div class="single-service-info">
											<h6>大金VRV机组室外机</h6>
										
										</div>
									</div>
								</div>
								<!-- end single service -->
								<div class="col-lg-4 col-md-4 col-sm-12 col-12 text-center">
									<div class="single-service">
										<div class="single-service-img">
											<img class="img-fluid" src="<?php echo get_template_directory_uri()?>/assets/images/dz.png" alt="" />
										</div>
										<div class="single-service-info">
											<h6>东芝TSC室外机</h6>
									
										</div>
									</div>
								</div>
								<!-- end single service -->
							</div>
                        </div>
                        <div id="three" class="tab-pane animated fadeInRight active">
							<div class="row">
								<div class="col-lg-4 col-md-4 col-sm-12 col-12 text-center">
									<div class="single-service">
										<div class="single-service-img">
											<img class="img-fluid" src="<?php echo get_template_directory_uri()?>/assets/images/xmt.jpg" alt="" />
										</div>
										<div class="single-service-info">
											<h6>雪玛泰空调热水一体机</h6>
											
										</div>
									</div>
								</div>
								<!-- end single service -->
								<div class="col-lg-4 col-md-4 col-sm-12 col-12 text-center">
									<div class="single-service">
										<div class="single-service-img">
											<img class="img-fluid" src="<?php echo get_template_directory_uri()?>/assets/images/xmt2.jpg" alt="" />
										</div>
										<div class="single-service-info">
											<h6>雪玛泰外机</h6>
								
										</div>
									</div>
								</div>
								<!-- end single service -->
								<div class="col-lg-4 col-md-4 col-sm-12 col-12 text-center">
									<div class="single-service">
										<div class="single-service-img">
											<img class="img-fluid" src="<?php echo get_template_directory_uri()?>/assets/images/mj.jpg" alt="" />
										</div>
										<div class="single-service-info">
											<h6>沐锦空气能</h6>
											
										</div>
									</div>
								</div>
								<!-- end single service -->
							</div>
                        </div>
<!--                         <div id="four" class="tab-pane animated fadeInRight">
							<div class="row">
								<div class="col-lg-4 col-md-4 col-sm-12 col-12 text-center">
									<div class="single-service">
										<div class="single-service-img">
											<img class="img-fluid" src="<?php echo get_template_directory_uri()?>/assets/images/xmt3.jpg" alt="" />
										</div>
										<div class="single-service-info">
											<h6>雪玛泰立柱</h6>
											
										</div>
									</div>
								</div>
								
								<div class="col-lg-4 col-md-4 col-sm-12 col-12 text-center">
									<div class="single-service">
										<div class="single-service-img">
											<img class="img-fluid" src="<?php echo get_template_directory_uri()?>/assets/images/xmt3.jpg" alt="" />
										</div>
										<div class="single-service-info">
											<h6>雪玛泰立柱</h6>
											
										</div>
									</div>
								</div>
								
								<div class="col-lg-4 col-md-4 col-sm-12 col-12 text-center">
									<div class="single-service">
										<div class="single-service-img">
											<img class="img-fluid" src="<?php echo get_template_directory_uri()?>/assets/images/xmt3.jpg" alt="" />
										</div>
										<div class="single-service-info">
											<h6>雪玛泰立柱</h6>
											
										</div>
									</div>
								</div>
								
							</div>
                        </div> -->
<!--                         <div id="five" class="tab-pane animated fadeInRight">
							<div class="row">
								<div class="col-lg-4 col-md-4 col-sm-12 col-12 text-center">
									<div class="single-service">
										<div class="single-service-img">
											<img class="img-fluid" src="<?php echo get_template_directory_uri()?>/assets/images/xmt3.jpg" alt="" />
										</div>
										<div class="single-service-info">
											<h6>雪玛泰立柱</h6>
											
										</div>
									</div>
								</div>
								
								<div class="col-lg-4 col-md-4 col-sm-12 col-12 text-center">
									<div class="single-service">
										<div class="single-service-img">
											<img class="img-fluid" src="<?php echo get_template_directory_uri()?>/assets/images/xmt3.jpg" alt="" />
										</div>
										<div class="single-service-info">
											<h6>雪玛泰立柱</h6>
											
										</div>
									</div>
								</div>
								
								<div class="col-lg-4 col-md-4 col-sm-12 col-12 text-center">
									<div class="single-service">
										<div class="single-service-img">
											<img class="img-fluid" src="<?php echo get_template_directory_uri()?>/assets/images/xmt3.jpg" alt="" />
										</div>
										<div class="single-service-info">
											<h6>雪玛泰立柱</h6>
											
										</div>
									</div>
								</div>
								
							</div>
                        </div> -->
					</div>
				</div>
				<!-- end col -->
			</div>
		</div>
		<!-- END CONTAINER -->
	</section>


	                <?php 

    $main_color=$ifan_option['main-color-rgba']['rgba']??$ifan_option['main-color-rgba']['rgb'];

      echo '<style>

 .service-tab .nav-tabs .nav-link.active, .service-tab .nav-tabs .nav-link:hover {
    background: '.$main_color .';
    color: #fff;
    border-color: '.$main_color .';
}
.service-tab .nav-tabs .nav-link.active:after {

    border-top: 15px solid '.$main_color .';

}
.service-tab .nav-tabs .nav-link:hover:after {
    border-top: 15px solid '.$main_color .';
}
.single-service:hover .serv-red-btn {
    background:'.$main_color .';
    color: #fff;
    border-color: '.$main_color .';
}
.section-title span.line:before {

    background-color:  '.$main_color .';

}
      </style>
      '; 
  ?>